#{extends 'main.html' /}
#{set 'moreStyles'}#{stylesheet 'forum.css' /}#{/set}
#{set title:'Transat | Forum' /}

<div id="forum_head">
	<h1>Vous parcourez le sujet ${sujet.titre}</h1>
</div>

<div id="fil_ariane_forum">
	<a href="@{Categorie_forums.index()}">Forum</a> > <a href="@{Categorie_forums.show(categ.id)}">${categ.libelle_categorie_forum}</a>
</div>

<a id="add_msg_link" href="@{Messages.ajouter(sujet.id)}"><div id="add_msg">Répondre au sujet</div></a>

<div id="forum_content">
	<ul id="liste_msg">
		<h3>${sujet.titre}</h3>
		
		#{list items:msgs, as:'message'}
			<li class="message_forum">
				<div class="auteur_message">
					${message.utilisateur.pseudo}
					<div class="message_date">Le ${message.created_at.getDay()}-${message.created_at.getMonth()}-${message.created_at.getYear()+1900}</div>
				</div>
				
				<div class="message_content">
					#{if message.utilisateur == user}
						<a id="edit_msg_link" href="@{Messages.editer(message.id, sujet.id)}">Editer</a>
					#{/if}
					<div class="titre_message">${message.titre_message}</div>
					<div class="contenu_message">${message.contenu_message}</div>
				</div>
			</li>
		#{/list}
	</ul>
</div>